/* v2.0.0 */
.card{
    background: white;
    transition: box-shadow .3s ease, transform .2s ease;
}
.card:hover {
    box-shadow: 0 4px 8px #23232333;
}
.fw-1 {
    font-weight: 100 !important;
}

.fw-2 {
    font-weight: 200 !important;
}

.fw-3 {
    font-weight: 300 !important;
}

.fw-4 {
    font-weight: 400 !important;
}

.fw-5 {
    font-weight: 500 !important;
}

.fw-6 {
    font-weight: 600 !important;
}

.fw-7 {
    font-weight: 700 !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-22 {
    font-size: 22px !important;
}

.fs-24 {
    font-size: 24px !important;
}

.fs-26 {
    font-size: 26px !important;
}

.fs-28 {
    font-size: 28px !important;
}

.fs-30 {
    font-size: 30px !important;
}

.fs-32 {
    font-size: 32px !important;
}

.fs-34 {
    font-size: 34px !important;
}

.fs-36 {
    font-size: 36px !important;
}

.fs-38 {
    font-size: 38px !important;
}

.fs-40 {
    font-size: 40px !important;
}

.fs-42 {
    font-size: 42px !important;
}

.fs-44 {
    font-size: 44px !important;
}

.fs-46 {
    font-size: 46px !important;
}

.fs-48 {
    font-size: 48px !important;
}

.flex-1 {
    flex: 1;
}

.flex-2 {
    flex: 2;
}

.flex-3 {
    flex: 3;
}

.flex-4 {
    flex: 4;
}

.w-0,
.wh-0 {
    width: 0%;
}

.h-0,
.wh-0 {
    height: 0%;
}

.w-5 {
    width: 5%;
}

.h-5 {
    height: 5%;
}

.w-10 {
    width: 10%;
}

.h-10 {
    height: 10%;
}

.w-15 {
    width: 15%;
}

.h-15 {
    height: 15%;
}

.w-20 {
    width: 20%;
}
.w-22 {
    width: 20%;
}

.h-20 {
    height: 20%;
}

.w-25 {
    width: 25%;
}

.h-25 {
    height: 25%;
}

.w-30 {
    width: 30%;
}

.h-30 {
    height: 30%;
}

.w-35 {
    width: 35%;
}

.h-35 {
    height: 35%;
}

.w-40 {
    width: 40%;
}

.h-40 {
    height: 40%;
}

.w-45 {
    width: 45%;
}

.h-45 {
    height: 45%;
}

.w-50 {
    width: 50%;
}

.h-50 {
    height: 50%;
}

.w-55 {
    width: 55%;
}

.h-55 {
    height: 55%;
}

.w-60 {
    width: 60%;
}

.h-60 {
    height: 60%;
}

.w-65 {
    width: 65%;
}

.h-65 {
    height: 65%;
}

.w-70 {
    width: 70%;
}

.h-70 {
    height: 70%;
}

.w-75 {
    width: 75%;
}
.w-76 {
    width: 76%;
}
.h-75 {
    height: 75%;
}

.w-80 {
    width: 80%;
}

.w-78 {
    width: 78%;
}

.w-80-8px {
    width: calc(80% - 8px) ;
}

.h-80 {
    height: 80%;
}

.w-85 {
    width: 85%;
}

.h-85 {
    height: 85%;
}

.w-90 {
    width: 90%;
}

.h-90 {
    height: 90%;
}

.w-95 {
    width: 95%;
}

.h-95 {
    height: 95%;
}

.w-100,
.wh-100 {
    width: 100%;
}

.h-100,
.wh-100 {
    height: 100%;
}

.m-0 {
    margin: 0rem !important;
}

.p-0 {
    padding: 0rem !important;
}

.mt-0,
.my-0 {
    margin-top: 0rem !important;
}

.pt-0,
.py-0 {
    padding-top: 0rem !important;
}

.mr-0,
.mx-0 {
    margin-right: 0rem !important;
}

.pr-0,
.px-0 {
    padding-right: 0rem !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0rem !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0rem !important;
}

.ml-0,
.mx-0 {
    margin-left: 0rem !important;
}

.pl-0,
.px-0 {
    padding-left: 0rem !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-8 {
    margin: 8px !important;
}

.p-8 {
    padding: 8px !important;
}

.mt-8,
.my-8 {
    margin-top: 8px !important;
}

.pt-8,
.py-8 {
    padding-top: 8px !important;
}

.mr-8,
.mx-8 {
    margin-right: 8px !important;
}

.pr-8,
.px-8 {
    padding-right: 8px !important;
}

.mb-8,
.my-8 {
    margin-bottom: 8px !important;
}

.pb-8,
.py-8 {
    padding-bottom: 8px !important;
}

.ml-8,
.mx-8 {
    margin-left: 8px !important;
}

.pl-8,
.px-8 {
    padding-left: 8px !important;
}

.m-12 {
    margin: 12px !important;
}

.p-12 {
    padding: 12px !important;
}

.mt-12,
.my-12 {
    margin-top: 12px !important;
}

.pt-12,
.py-12 {
    padding-top: 12px !important;
}

.mr-12,
.mx-12 {
    margin-right: 12px !important;
}

.pr-12,
.px-12 {
    padding-right: 12px !important;
}

.mb-12,
.my-12 {
    margin-bottom: 12px !important;
}

.pb-12,
.py-12 {
    padding-bottom: 12px !important;
}

.ml-12,
.mx-12 {
    margin-left: 12px !important;
}

.pl-12,
.px-12 {
    padding-left: 12px !important;
}

.m-16 {
    margin: 16px !important;
}

.p-16 {
    padding: 16px !important;
}

.mt-16,
.my-16 {
    margin-top: 16px !important;
}

.pt-16,
.py-16 {
    padding-top: 16px !important;
}

.mr-16,
.mx-16 {
    margin-right: 16px !important;
}

.pr-16,
.px-16 {
    padding-right: 16px !important;
}

.mb-16,
.my-16 {
    margin-bottom: 16px !important;
}

.pb-16,
.py-16 {
    padding-bottom: 16px !important;
}

.ml-16,
.mx-16 {
    margin-left: 16px !important;
}

.pl-16,
.px-16 {
    padding-left: 16px !important;
}

.m-20 {
    margin: 20px !important;
}

.p-20 {
    padding: 20px !important;
}

.mt-20,
.my-20 {
    margin-top: 20px !important;
}

.pt-20,
.py-20 {
    padding-top: 20px !important;
}

.mr-20,
.mx-20 {
    margin-right: 20px !important;
}

.pr-20,
.px-20 {
    padding-right: 20px !important;
}

.mb-20,
.my-20 {
    margin-bottom: 20px !important;
}

.pb-20,
.py-20 {
    padding-bottom: 20px !important;
}

.ml-20,
.mx-20 {
    margin-left: 20px !important;
}

.pl-20,
.px-20 {
    padding-left: 20px !important;
}

.m-24 {
    margin: 24px !important;
}

.p-24 {
    padding: 24px !important;
}

.mt-24,
.my-24 {
    margin-top: 24px !important;
}

.pt-24,
.py-24 {
    padding-top: 24px !important;
}

.mr-24,
.mx-24 {
    margin-right: 24px !important;
}

.pr-24,
.px-24 {
    padding-right: 24px !important;
}

.mb-24,
.my-24 {
    margin-bottom: 24px !important;
}

.pb-24,
.py-24 {
    padding-bottom: 24px !important;
}

.ml-24,
.mx-24 {
    margin-left: 24px !important;
}

.pl-24,
.px-24 {
    padding-left: 24px !important;
}

.m-28 {
    margin: 28px !important;
}

.p-28 {
    padding: 28px !important;
}

.mt-28,
.my-28 {
    margin-top: 28px !important;
}

.pt-28,
.py-28 {
    padding-top: 28px !important;
}

.mr-28,
.mx-28 {
    margin-right: 28px !important;
}

.pr-28,
.px-28 {
    padding-right: 28px !important;
}

.mb-28,
.my-28 {
    margin-bottom: 28px !important;
}

.pb-28,
.py-28 {
    padding-bottom: 28px !important;
}

.ml-28,
.mx-28 {
    margin-left: 28px !important;
}

.pl-28,
.px-28 {
    padding-left: 28px !important;
}

.m-32 {
    margin: 32px !important;
}

.p-32 {
    padding: 32px !important;
}

.mt-32,
.my-32 {
    margin-top: 32px !important;
}

.pt-32,
.py-32 {
    padding-top: 32px !important;
}

.mr-32,
.mx-32 {
    margin-right: 32px !important;
}

.pr-32,
.px-32 {
    padding-right: 32px !important;
}

.mb-32,
.my-32 {
    margin-bottom: 32px !important;
}

.pb-32,
.py-32 {
    padding-bottom: 32px !important;
}

.ml-32,
.mx-32 {
    margin-left: 32px !important;
}

.pl-32,
.px-32 {
    padding-left: 32px !important;
}

.m-36 {
    margin: 36px !important;
}

.p-36 {
    padding: 36px !important;
}

.mt-36,
.my-36 {
    margin-top: 36px !important;
}

.pt-36,
.py-36 {
    padding-top: 36px !important;
}

.mr-36,
.mx-36 {
    margin-right: 36px !important;
}

.pr-36,
.px-36 {
    padding-right: 36px !important;
}

.mb-36,
.my-36 {
    margin-bottom: 36px !important;
}

.pb-36,
.py-36 {
    padding-bottom: 36px !important;
}

.ml-36,
.mx-36 {
    margin-left: 36px !important;
}

.pl-36,
.px-36 {
    padding-left: 36px !important;
}

.m-40 {
    margin: 40px !important;
}

.p-40 {
    padding: 40px !important;
}

.mt-40,
.my-40 {
    margin-top: 40px !important;
}

.pt-40,
.py-40 {
    padding-top: 40px !important;
}

.mr-40,
.mx-40 {
    margin-right: 40px !important;
}

.pr-40,
.px-40 {
    padding-right: 40px !important;
}

.mb-40,
.my-40 {
    margin-bottom: 40px !important;
}

.pb-40,
.py-40 {
    padding-bottom: 40px !important;
}

.ml-40,
.mx-40 {
    margin-left: 40px !important;
}

.pl-40,
.px-40 {
    padding-left: 40px !important;
}

.m-44 {
    margin: 44px !important;
}

.p-44 {
    padding: 44px !important;
}

.mt-44,
.my-44 {
    margin-top: 44px !important;
}

.pt-44,
.py-44 {
    padding-top: 44px !important;
}

.mr-44,
.mx-44 {
    margin-right: 44px !important;
}

.pr-44,
.px-44 {
    padding-right: 44px !important;
}

.mb-44,
.my-44 {
    margin-bottom: 44px !important;
}

.pb-44,
.py-44 {
    padding-bottom: 44px !important;
}

.ml-44,
.mx-44 {
    margin-left: 44px !important;
}

.pl-44,
.px-44 {
    padding-left: 44px !important;
}

.m-48 {
    margin: 48px !important;
}

.p-48 {
    padding: 48px !important;
}

.mt-48,
.my-48 {
    margin-top: 48px !important;
}

.pt-48,
.py-48 {
    padding-top: 48px !important;
}

.mr-48,
.mx-48 {
    margin-right: 48px !important;
}

.pr-48,
.px-48 {
    padding-right: 48px !important;
}

.mb-48,
.my-48 {
    margin-bottom: 48px !important;
}

.pb-48,
.py-48 {
    padding-bottom: 48px !important;
}

.ml-48,
.mx-48 {
    margin-left: 48px !important;
}

.pl-48,
.px-48 {
    padding-left: 48px !important;
}

.m-52 {
    margin: 52px !important;
}

.p-52 {
    padding: 52px !important;
}

.mt-52,
.my-52 {
    margin-top: 52px !important;
}

.pt-52,
.py-52 {
    padding-top: 52px !important;
}

.mr-52,
.mx-52 {
    margin-right: 52px !important;
}

.pr-52,
.px-52 {
    padding-right: 52px !important;
}

.mb-52,
.my-52 {
    margin-bottom: 52px !important;
}

.pb-52,
.py-52 {
    padding-bottom: 52px !important;
}

.ml-52,
.mx-52 {
    margin-left: 52px !important;
}

.pl-52,
.px-52 {
    padding-left: 52px !important;
}

.m-56 {
    margin: 56px !important;
}

.p-56 {
    padding: 56px !important;
}

.mt-56,
.my-56 {
    margin-top: 56px !important;
}

.pt-56,
.py-56 {
    padding-top: 56px !important;
}

.mr-56,
.mx-56 {
    margin-right: 56px !important;
}

.pr-56,
.px-56 {
    padding-right: 56px !important;
}

.mb-56,
.my-56 {
    margin-bottom: 56px !important;
}

.pb-56,
.py-56 {
    padding-bottom: 56px !important;
}

.ml-56,
.mx-56 {
    margin-left: 56px !important;
}

.pl-56,
.px-56 {
    padding-left: 56px !important;
}

.m-60 {
    margin: 60px !important;
}

.p-60 {
    padding: 60px !important;
}

.mt-60,
.my-60 {
    margin-top: 60px !important;
}

.pt-60,
.py-60 {
    padding-top: 60px !important;
}

.mr-60,
.mx-60 {
    margin-right: 60px !important;
}

.pr-60,
.px-60 {
    padding-right: 60px !important;
}

.mb-60,
.my-60 {
    margin-bottom: 60px !important;
}

.pb-60,
.py-60 {
    padding-bottom: 60px !important;
}

.ml-60,
.mx-60 {
    margin-left: 60px !important;
}

.pl-60,
.px-60 {
    padding-left: 60px !important;
}

.m-64 {
    margin: 64px !important;
}

.p-64 {
    padding: 64px !important;
}

.mt-64,
.my-64 {
    margin-top: 64px !important;
}

.pt-64,
.py-64 {
    padding-top: 64px !important;
}

.mr-64,
.mx-64 {
    margin-right: 64px !important;
}

.pr-64,
.px-64 {
    padding-right: 64px !important;
}

.mb-64,
.my-64 {
    margin-bottom: 64px !important;
}

.pb-64,
.py-64 {
    padding-bottom: 64px !important;
}

.ml-64,
.mx-64 {
    margin-left: 64px !important;
}

.pl-64,
.px-64 {
    padding-left: 64px !important;
}

.m-68 {
    margin: 68px !important;
}

.p-68 {
    padding: 68px !important;
}

.mt-68,
.my-68 {
    margin-top: 68px !important;
}

.pt-68,
.py-68 {
    padding-top: 68px !important;
}

.mr-68,
.mx-68 {
    margin-right: 68px !important;
}

.pr-68,
.px-68 {
    padding-right: 68px !important;
}

.mb-68,
.my-68 {
    margin-bottom: 68px !important;
}

.pb-68,
.py-68 {
    padding-bottom: 68px !important;
}

.ml-68,
.mx-68 {
    margin-left: 68px !important;
}

.pl-68,
.px-68 {
    padding-left: 68px !important;
}

.m-72 {
    margin: 72px !important;
}

.p-72 {
    padding: 72px !important;
}

.mt-72,
.my-72 {
    margin-top: 72px !important;
}

.pt-72,
.py-72 {
    padding-top: 72px !important;
}

.mr-72,
.mx-72 {
    margin-right: 72px !important;
}

.pr-72,
.px-72 {
    padding-right: 72px !important;
}

.mb-72,
.my-72 {
    margin-bottom: 72px !important;
}

.pb-72,
.py-72 {
    padding-bottom: 72px !important;
}

.ml-72,
.mx-72 {
    margin-left: 72px !important;
}

.pl-72,
.px-72 {
    padding-left: 72px !important;
}

.m-76 {
    margin: 76px !important;
}

.p-76 {
    padding: 76px !important;
}

.mt-76,
.my-76 {
    margin-top: 76px !important;
}

.pt-76,
.py-76 {
    padding-top: 76px !important;
}

.mr-76,
.mx-76 {
    margin-right: 76px !important;
}

.pr-76,
.px-76 {
    padding-right: 76px !important;
}

.mb-76,
.my-76 {
    margin-bottom: 76px !important;
}

.pb-76,
.py-76 {
    padding-bottom: 76px !important;
}

.ml-76,
.mx-76 {
    margin-left: 76px !important;
}

.pl-76,
.px-76 {
    padding-left: 76px !important;
}

.m-80 {
    margin: 80px !important;
}

.p-80 {
    padding: 80px !important;
}

.mt-80,
.my-80 {
    margin-top: 80px !important;
}

.pt-80,
.py-80 {
    padding-top: 80px !important;
}

.mr-80,
.mx-80 {
    margin-right: 80px !important;
}

.pr-80,
.px-80 {
    padding-right: 80px !important;
}

.mb-80,
.my-80 {
    margin-bottom: 80px !important;
}

.pb-80,
.py-80 {
    padding-bottom: 80px !important;
}

.ml-80,
.mx-80 {
    margin-left: 80px !important;
}

.pl-80,
.px-80 {
    padding-left: 80px !important;
}

.m-84 {
    margin: 84px !important;
}

.p-84 {
    padding: 84px !important;
}

.mt-84,
.my-84 {
    margin-top: 84px !important;
}

.pt-84,
.py-84 {
    padding-top: 84px !important;
}

.mr-84,
.mx-84 {
    margin-right: 84px !important;
}

.pr-84,
.px-84 {
    padding-right: 84px !important;
}

.mb-84,
.my-84 {
    margin-bottom: 84px !important;
}

.pb-84,
.py-84 {
    padding-bottom: 84px !important;
}

.ml-84,
.mx-84 {
    margin-left: 84px !important;
}

.pl-84,
.px-84 {
    padding-left: 84px !important;
}

.m-88 {
    margin: 88px !important;
}

.p-88 {
    padding: 88px !important;
}

.mt-88,
.my-88 {
    margin-top: 88px !important;
}

.pt-88,
.py-88 {
    padding-top: 88px !important;
}

.mr-88,
.mx-88 {
    margin-right: 88px !important;
}

.pr-88,
.px-88 {
    padding-right: 88px !important;
}

.mb-88,
.my-88 {
    margin-bottom: 88px !important;
}

.pb-88,
.py-88 {
    padding-bottom: 88px !important;
}

.ml-88,
.mx-88 {
    margin-left: 88px !important;
}

.pl-88,
.px-88 {
    padding-left: 88px !important;
}

.m-92 {
    margin: 92px !important;
}

.p-92 {
    padding: 92px !important;
}

.mt-92,
.my-92 {
    margin-top: 92px !important;
}

.pt-92,
.py-92 {
    padding-top: 92px !important;
}

.mr-92,
.mx-92 {
    margin-right: 92px !important;
}

.pr-92,
.px-92 {
    padding-right: 92px !important;
}

.mb-92,
.my-92 {
    margin-bottom: 92px !important;
}

.pb-92,
.py-92 {
    padding-bottom: 92px !important;
}

.ml-92,
.mx-92 {
    margin-left: 92px !important;
}

.pl-92,
.px-92 {
    padding-left: 92px !important;
}

.m-96 {
    margin: 96px !important;
}

.p-96 {
    padding: 96px !important;
}

.mt-96,
.my-96 {
    margin-top: 96px !important;
}

.pt-96,
.py-96 {
    padding-top: 96px !important;
}

.mr-96,
.mx-96 {
    margin-right: 96px !important;
}

.pr-96,
.px-96 {
    padding-right: 96px !important;
}

.mb-96,
.my-96 {
    margin-bottom: 96px !important;
}

.pb-96,
.py-96 {
    padding-bottom: 96px !important;
}

.ml-96,
.mx-96 {
    margin-left: 96px !important;
}

.pl-96,
.px-96 {
    padding-left: 96px !important;
}

.m-100 {
    margin: 100px !important;
}

.p-100 {
    padding: 100px !important;
}

.mt-100,
.my-100 {
    margin-top: 100px !important;
}

.pt-100,
.py-100 {
    padding-top: 100px !important;
}

.mr-100,
.mx-100 {
    margin-right: 100px !important;
}

.pr-100,
.px-100 {
    padding-right: 100px !important;
}

.mb-100,
.my-100 {
    margin-bottom: 100px !important;
}

.pb-100,
.py-100 {
    padding-bottom: 100px !important;
}

.ml-100,
.mx-100 {
    margin-left: 100px !important;
}

.pl-100,
.px-100 {
    padding-left: 100px !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

.d-none {
    display: none;
}
.d-block {
    display: block;
}

.d-inline {
    display: inline;
}

.d-flex,
.d-flex-around-center,
.d-flex-between-center,
.d-flex-between,
.d-flex-align-center,
.d-flex-center {
    display: flex;
}

.d-grid {
    display: grid;
}

.d-inline-block {
    display: inline-block;
}

.d-inline-flex {
    display: inline-flex;
}

.justify-content-start {
    justify-content: flex-start;
}

.justify-content-end {
    justify-content: flex-end;
}

.justify-content-between,
.d-flex-between-center,
.d-flex-between {
    justify-content: space-between;
}

.justify-content-around,
.d-flex-around-center {
    justify-content: space-around;
}

.justify-content-center,
.d-flex-center {
    justify-content: center;
}

.justify-content-initial {
    justify-content: initial;
}

.align-content-stretch {
    align-content: stretch;
}

.align-content-center {
    align-content: center;
}

.align-content-start {
    align-content: flex-start;
}

.align-content-end {
    align-content: flex-end;
}

.align-content-between {
    align-content: space-between;
}

.align-content-around {
    align-content: space-around;
}

.align-content-initial {
    align-content: initial;
}

.align-content-inherit {
    align-content: inherit;
}

.justify-items-center {
    justify-items: center;
}

.justify-items-start {
    justify-items: start;
}

.justify-items-end {
    justify-items: end;
}

.justify-items-start {
    justify-items: flex-start;
}

.justify-items-end {
    justify-items: flex-end;
}

.justify-items-self-start {
    justify-items: self-start;
}

.justify-items-self-end {
    justify-items: self-end;
}

.justify-items-left {
    justify-items: left;
}

.justify-items-right {
    justify-items: right;
}

.align-items-stretch {
    align-items: stretch;
}

.align-items-center,
.d-flex-around-center,
.d-flex-between-center,
.d-flex-align-center,
.d-flex-center {
    align-items: center;
}

.align-items-start {
    align-items: flex-start;
}

.align-items-end {
    align-items: flex-end;
}

.align-items-baseline {
    align-items: baseline;
}

.align-items-initial {
    align-items: initial;
}

.flex-row {
    flex-direction: row;
}

.flex-row-reverse {
    flex-direction: row-reverse;
}

.flex-column {
    flex-direction: column;
}

.flex-column-reverse {
    flex-direction: column-reverse;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}

.position-absolute {
    position: absolute;
}

.position-fixed {
    position: fixed;
}

.position-relative {
    position: relative;
}

.position-static {
    position: static;
}

.position-inherit {
    position: inherit;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
    text-align-last: right;
    color: rgba(51, 51, 51, 0.8)
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-inherit {
    text-align: inherit;
}

.vertical-align-baseline {
    vertical-align: baseline;
}

.vertical-align-sub {
    vertical-align: sub;
}

.vertical-align-super {
    vertical-align: super;
}

.vertical-align-top {
    vertical-align: top;
}

.vertical-align-text-top {
    vertical-align: text-top;
}

.vertical-align-middle {
    vertical-align: middle;
}

.vertical-align-bottom {
    vertical-align: bottom;
}

.vertical-align-text-bottom {
    vertical-align: text-bottom;
}

.vertical-align-inherit {
    vertical-align: inherit;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.float-none {
    float: none;
}

.float-inherit {
    float: inherit;
}

.w-auto {
    width: auto;
}

.w-fit {
    width: fit-content;
}

.w-inherit {
    width: inherit;
}

.h-auto {
    height: auto;
}

.h-fit {
    height: fit-content;
}

.h-inherit {
    height: inherit;
}

.cursor-default {
    cursor: default;
}

.cursor-auto {
    cursor: auto;
}

.cursor-crosshair {
    cursor: crosshair;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-move {
    cursor: move;
}

.cursor-e-resize {
    cursor: e-resize;
}

.cursor-ne-resize {
    cursor: ne-resize;
}

.cursor-nw-resize {
    cursor: nw-resize;
}

.cursor-n-resize {
    cursor: n-resize;
}

.cursor-se-resize {
    cursor: se-resize;
}

.cursor-sw-resize {
    cursor: sw-resize;
}

.cursor-s-resize {
    cursor: s-resize;
}

.cursor-w-resize {
    cursor: w-resize;
}

.cursor-text {
    cursor: text;
}

.cursor-wait {
    cursor: wait;
}

.cursor-help {
    cursor: help;
}

.overflow-visible {
    overflow: visible;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-scroll {
    overflow: scroll;
}

/* 隐藏滚动条但保留滚动功能 */
.overflow-scroll-hidden,
.el-overflow-scroll-hidden .el-table__body-wrapper {
    overflow: auto;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.overflow-scroll-hidden::-webkit-scrollbar,
.el-overflow-scroll-hidden .el-table__body-wrapper::-webkit-scrollbar {
    display: none; /* Chrome, Safari, and Opera */
}

.overflow-auto {
    overflow: auto;
}
/* 隐藏滚动条但保留滚动功能 */
.overflow-auto-hidden,
.el-overflow-auto-hidden .el-table__body-wrapper {
    overflow: auto;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.overflow-auto-hidden::-webkit-scrollbar,
.el-overflow-auto-hidden .el-table__body-wrapper::-webkit-scrollbar {
    display: none; /* Chrome, Safari, and Opera */
}

.overflow-inherit {
    overflow: inherit;
}

.overflow-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.debugger-bor {
    outline: 1px dashed #ff0000;
}

.debugger-bor-1 {
    outline: 2px dashed hsl(50, 100%, 50%);
    box-shadow: inset 0 0 12px 2px hsla(50, 100%, 50%, 0.7);
}

.debugger-bor-2 {
    outline: 2px dashed hsl(100, 100%, 50%);
    box-shadow: inset 0 0 12px 2px hsla(100, 100%, 50%, 0.7);
}

.debugger-bor-3 {
    outline: 2px dashed hsl(150, 100%, 50%);
    box-shadow: inset 0 0 12px 2px hsla(150, 100%, 50%, 0.7);
}

.debugger-bor-4 {
    outline: 2px dashed hsl(200, 100%, 50%);
    box-shadow: inset 0 0 12px 2px hsla(200, 100%, 50%, 0.7);
}

.debugger-bor-5 {
    outline: 2px dashed hsl(250, 100%, 50%);
    box-shadow: inset 0 0 12px 2px hsla(250, 100%, 50%, 0.7);
}

.debugger-bor-6 {
    outline: 2px dashed hsl(300, 100%, 50%);
    box-shadow: inset 0 0 12px 2px hsla(300, 100%, 50%, 0.7);
}

.debugger-bor-7,
.debugger-bor {
    outline: 2px dashed hsl(350, 100%, 50%);
    box-shadow: inset 0 0 12px 2px hsla(350, 100%, 50%, 0.7);
}

.color-white {
    color: #ffffff;
}

.bg-color-white {
    background-color: #ffffff;
}

.color-primary {
    color: #3c6cf5;
}

.bg-color-primary {
    background-color: #3c6cf5;
}

.color-primary-light-1 {
    color: #507bf6;
}

.bg-color-primary-light-1 {
    background-color: #507bf6;
}

.color-primary-light-3 {
    color: #7798f8;
}

.bg-color-primary-light-3 {
    background-color: #7798f8;
}

.color-primary-light-5 {
    color: #9eb6fa;
}

.bg-color-primary-light-5 {
    background-color: #9eb6fa;
}

.color-primary-light-7 {
    color: #c5d3fc;
}

.bg-color-primary-light-7 {
    background-color: #c5d3fc;
}

.color-primary-light-8 {
    color: #d8e2fd;
}

.bg-color-primary-light-8 {
    background-color: #d8e2fd;
}

.color-primary-light-9 {
    color: #ecf0fe;
}

.bg-color-primary-light-9 {
    background-color: #ecf0fe;
}

.color-primary-alpha-1 {
    color: rgba(60, 108, 245, 0.1);
}

.bg-color-primary-alpha-1 {
    background-color: rgba(60, 108, 245, 0.1);
}

.color-primary-alpha-3 {
    color: rgba(60, 108, 245, 0.3);
}

.bg-color-primary-alpha-3 {
    background-color: rgba(60, 108, 245, 0.3);
}

.color-primary-alpha-5 {
    color: rgba(60, 108, 245, 0.5);
}

.bg-color-primary-alpha-5 {
    background-color: rgba(60, 108, 245, 0.5);
}

.color-primary-alpha-7 {
    color: rgba(60, 108, 245, 0.7);
}

.bg-color-primary-alpha-7 {
    background-color: rgba(60, 108, 245, 0.7);
}

.color-primary-alpha-8 {
    color: rgba(60, 108, 245, 0.8);
}

.bg-color-primary-alpha-8 {
    background-color: rgba(60, 108, 245, 0.8);
}

.color-primary-alpha-9 {
    color: rgba(60, 108, 245, 0.9);
}

.bg-color-primary-alpha-9 {
    background-color: rgba(60, 108, 245, 0.9);
}

.color-primary-dark-2 {
    color: #3056c4;
}

.bg-color-primary-dark-2 {
    background-color: #3056c4;
}

.color-success {
    color: #57b32a;
}

.bg-color-success {
    background-color: #57b32a;
}

.color-success-light-1 {
    color: #68bb3f;
}

.bg-color-success-light-1 {
    background-color: #68bb3f;
}

.color-success-light-3 {
    color: #89ca6a;
}

.bg-color-success-light-3 {
    background-color: #89ca6a;
}

.color-success-light-5 {
    color: #abd995;
}

.bg-color-success-light-5 {
    background-color: #abd995;
}

.color-success-light-7 {
    color: #cde8bf;
}

.bg-color-success-light-7 {
    background-color: #cde8bf;
}

.color-success-light-8 {
    color: #ddf0d4;
}

.bg-color-success-light-8 {
    background-color: #ddf0d4;
}

.color-success-light-9 {
    color: #eef7ea;
}

.bg-color-success-light-9 {
    background-color: #eef7ea;
}

.color-success-alpha-1 {
    color: rgba(87, 179, 42, 0.1);
}

.bg-color-success-alpha-1 {
    background-color: rgba(87, 179, 42, 0.1);
}

.color-success-alpha-3 {
    color: rgba(87, 179, 42, 0.3);
}

.bg-color-success-alpha-3 {
    background-color: rgba(87, 179, 42, 0.3);
}

.color-success-alpha-5 {
    color: rgba(87, 179, 42, 0.5);
}

.bg-color-success-alpha-5 {
    background-color: rgba(87, 179, 42, 0.5);
}

.color-success-alpha-7 {
    color: rgba(87, 179, 42, 0.7);
}

.bg-color-success-alpha-7 {
    background-color: rgba(87, 179, 42, 0.7);
}

.color-success-alpha-8 {
    color: rgba(87, 179, 42, 0.8);
}

.bg-color-success-alpha-8 {
    background-color: rgba(87, 179, 42, 0.8);
}

.color-success-alpha-9 {
    color: rgba(87, 179, 42, 0.9);
}

.bg-color-success-alpha-9 {
    background-color: rgba(87, 179, 42, 0.9);
}

.color-success-dark-2 {
    color: #468f22;
}

.bg-color-success-dark-2 {
    background-color: #468f22;
}

.color-warning {
    color: #e6a23c;
}

.bg-color-warning {
    background-color: #e6a23c;
}

.color-warning-light-1 {
    color: #e9ab50;
}

.bg-color-warning-light-1 {
    background-color: #e9ab50;
}

.color-warning-light-3 {
    color: #eebe77;
}

.bg-color-warning-light-3 {
    background-color: #eebe77;
}

.color-warning-light-5 {
    color: #f3d19e;
}

.bg-color-warning-light-5 {
    background-color: #f3d19e;
}

.color-warning-light-7 {
    color: #f8e3c5;
}

.bg-color-warning-light-7 {
    background-color: #f8e3c5;
}

.color-warning-light-8 {
    color: #faecd8;
}

.bg-color-warning-light-8 {
    background-color: #faecd8;
}

.color-warning-light-9 {
    color: #fdf6ec;
}

.bg-color-warning-light-9 {
    background-color: #fdf6ec;
}

.color-warning-alpha-1 {
    color: rgba(230, 162, 60, 0.1);
}

.bg-color-warning-alpha-1 {
    background-color: rgba(230, 162, 60, 0.1);
}

.color-warning-alpha-3 {
    color: rgba(230, 162, 60, 0.3);
}

.bg-color-warning-alpha-3 {
    background-color: rgba(230, 162, 60, 0.3);
}

.color-warning-alpha-5 {
    color: rgba(230, 162, 60, 0.5);
}

.bg-color-warning-alpha-5 {
    background-color: rgba(230, 162, 60, 0.5);
}

.color-warning-alpha-7 {
    color: rgba(230, 162, 60, 0.7);
}

.bg-color-warning-alpha-7 {
    background-color: rgba(230, 162, 60, 0.7);
}

.color-warning-alpha-8 {
    color: rgba(230, 162, 60, 0.8);
}

.bg-color-warning-alpha-8 {
    background-color: rgba(230, 162, 60, 0.8);
}

.color-warning-alpha-9 {
    color: rgba(230, 162, 60, 0.9);
}

.bg-color-warning-alpha-9 {
    background-color: rgba(230, 162, 60, 0.9);
}

.color-warning-dark-2 {
    color: #b88230;
}

.bg-color-warning-dark-2 {
    background-color: #b88230;
}

.color-danger {
    color: #e84143;
}

.bg-color-danger {
    background-color: #e84143;
}

.color-danger-light-1 {
    color: #ea5456;
}

.bg-color-danger-light-1 {
    background-color: #ea5456;
}

.color-danger-light-3 {
    color: #ef7a7b;
}

.bg-color-danger-light-3 {
    background-color: #ef7a7b;
}

.color-danger-light-5 {
    color: #f4a0a1;
}

.bg-color-danger-light-5 {
    background-color: #f4a0a1;
}

.color-danger-light-7 {
    color: #f8c6c7;
}

.bg-color-danger-light-7 {
    background-color: #f8c6c7;
}

.color-danger-light-8 {
    color: #fad9d9;
}

.bg-color-danger-light-8 {
    background-color: #fad9d9;
}

.color-danger-light-9 {
    color: #fdecec;
}

.bg-color-danger-light-9 {
    background-color: #fdecec;
}

.color-danger-alpha-1 {
    color: rgba(232, 65, 67, 0.1);
}

.bg-color-danger-alpha-1 {
    background-color: rgba(232, 65, 67, 0.1);
}

.color-danger-alpha-3 {
    color: rgba(232, 65, 67, 0.3);
}

.bg-color-danger-alpha-3 {
    background-color: rgba(232, 65, 67, 0.3);
}

.color-danger-alpha-5 {
    color: rgba(232, 65, 67, 0.5);
}

.bg-color-danger-alpha-5 {
    background-color: rgba(232, 65, 67, 0.5);
}

.color-danger-alpha-7 {
    color: rgba(232, 65, 67, 0.7);
}

.bg-color-danger-alpha-7 {
    background-color: rgba(232, 65, 67, 0.7);
}

.color-danger-alpha-8 {
    color: rgba(232, 65, 67, 0.8);
}

.bg-color-danger-alpha-8 {
    background-color: rgba(232, 65, 67, 0.8);
}

.color-danger-alpha-9 {
    color: rgba(232, 65, 67, 0.9);
}

.bg-color-danger-alpha-9 {
    background-color: rgba(232, 65, 67, 0.9);
}

.color-danger-dark-2 {
    color: #ba3436;
}

.bg-color-danger-dark-2 {
    background-color: #ba3436;
}

.color-error {
    color: #f56c6c;
}

.bg-color-error {
    background-color: #f56c6c;
}

.color-error-light-1 {
    color: #f67b7b;
}

.bg-color-error-light-1 {
    background-color: #f67b7b;
}

.color-error-light-3 {
    color: #f89898;
}

.bg-color-error-light-3 {
    background-color: #f89898;
}

.color-error-light-5 {
    color: #fab6b6;
}

.bg-color-error-light-5 {
    background-color: #fab6b6;
}

.color-error-light-7 {
    color: #fcd3d3;
}

.bg-color-error-light-7 {
    background-color: #fcd3d3;
}

.color-error-light-8 {
    color: #fde2e2;
}

.bg-color-error-light-8 {
    background-color: #fde2e2;
}

.color-error-light-9 {
    color: #fef0f0;
}

.bg-color-error-light-9 {
    background-color: #fef0f0;
}

.color-error-alpha-1 {
    color: rgba(245, 108, 108, 0.1);
}

.bg-color-error-alpha-1 {
    background-color: rgba(245, 108, 108, 0.1);
}

.color-error-alpha-3 {
    color: rgba(245, 108, 108, 0.3);
}

.bg-color-error-alpha-3 {
    background-color: rgba(245, 108, 108, 0.3);
}

.color-error-alpha-5 {
    color: rgba(245, 108, 108, 0.5);
}

.bg-color-error-alpha-5 {
    background-color: rgba(245, 108, 108, 0.5);
}

.color-error-alpha-7 {
    color: rgba(245, 108, 108, 0.7);
}

.bg-color-error-alpha-7 {
    background-color: rgba(245, 108, 108, 0.7);
}

.color-error-alpha-8 {
    color: rgba(245, 108, 108, 0.8);
}

.bg-color-error-alpha-8 {
    background-color: rgba(245, 108, 108, 0.8);
}

.color-error-alpha-9 {
    color: rgba(245, 108, 108, 0.9);
}

.bg-color-error-alpha-9 {
    background-color: rgba(245, 108, 108, 0.9);
}

.color-error-dark-2 {
    color: #c45656;
}

.bg-color-error-dark-2 {
    background-color: #c45656;
}

.color-info {
    color: #909399;
}

.bg-color-info {
    background-color: #909399;
}

.color-info-light-1 {
    color: #9b9ea3;
}

.bg-color-info-light-1 {
    background-color: #9b9ea3;
}

.color-info-light-3 {
    color: #b1b3b8;
}

.bg-color-info-light-3 {
    background-color: #b1b3b8;
}

.color-info-light-5 {
    color: #c8c9cc;
}

.bg-color-info-light-5 {
    background-color: #c8c9cc;
}

.color-info-light-7 {
    color: #dedfe0;
}

.bg-color-info-light-7 {
    background-color: #dedfe0;
}

.color-info-light-8 {
    color: #e9e9eb;
}

.bg-color-info-light-8 {
    background-color: #e9e9eb;
}

.color-info-light-9 {
    color: #f4f4f5;
}

.bg-color-info-light-9 {
    background-color: #f4f4f5;
}

.color-info-alpha-1 {
    color: rgba(144, 147, 153, 0.1);
}

.bg-color-info-alpha-1 {
    background-color: rgba(144, 147, 153, 0.1);
}

.color-info-alpha-3 {
    color: rgba(144, 147, 153, 0.3);
}

.bg-color-info-alpha-3 {
    background-color: rgba(144, 147, 153, 0.3);
}

.color-info-alpha-5 {
    color: rgba(144, 147, 153, 0.5);
}

.bg-color-info-alpha-5 {
    background-color: rgba(144, 147, 153, 0.5);
}

.color-info-alpha-7 {
    color: rgba(144, 147, 153, 0.7);
}

.bg-color-info-alpha-7 {
    background-color: rgba(144, 147, 153, 0.7);
}

.color-info-alpha-8 {
    color: rgba(144, 147, 153, 0.8);
}

.bg-color-info-alpha-8 {
    background-color: rgba(144, 147, 153, 0.8);
}

.color-info-alpha-9 {
    color: rgba(144, 147, 153, 0.9);
}

.bg-color-info-alpha-9 {
    background-color: rgba(144, 147, 153, 0.9);
}

.color-info-dark-2 {
    color: #73767a;
}

.bg-color-info-dark-2 {
    background-color: #73767a;
}

.color-test {
    color: #ff00f0;
}

.bg-color-test {
    background-color: #ff00f0;
}

.color-test-light-1 {
    color: #ff1af2;
}

.bg-color-test-light-1 {
    background-color: #ff1af2;
}

.color-test-light-3 {
    color: #ff4df5;
}

.bg-color-test-light-3 {
    background-color: #ff4df5;
}

.color-test-light-5 {
    color: #ff80f8;
}

.bg-color-test-light-5 {
    background-color: #ff80f8;
}

.color-test-light-7 {
    color: #ffb3fb;
}

.bg-color-test-light-7 {
    background-color: #ffb3fb;
}

.color-test-light-8 {
    color: #ffccfc;
}

.bg-color-test-light-8 {
    background-color: #ffccfc;
}

.color-test-light-9 {
    color: #ffe6fe;
}

.bg-color-test-light-9 {
    background-color: #ffe6fe;
}

.color-test-alpha-1 {
    color: rgba(255, 0, 240, 0.1);
}

.bg-color-test-alpha-1 {
    background-color: rgba(255, 0, 240, 0.1);
}

.color-test-alpha-3 {
    color: rgba(255, 0, 240, 0.3);
}

.bg-color-test-alpha-3 {
    background-color: rgba(255, 0, 240, 0.3);
}

.color-test-alpha-5 {
    color: rgba(255, 0, 240, 0.5);
}

.bg-color-test-alpha-5 {
    background-color: rgba(255, 0, 240, 0.5);
}

.color-test-alpha-7 {
    color: rgba(255, 0, 240, 0.7);
}

.bg-color-test-alpha-7 {
    background-color: rgba(255, 0, 240, 0.7);
}

.color-test-alpha-8 {
    color: rgba(255, 0, 240, 0.8);
}

.bg-color-test-alpha-8 {
    background-color: rgba(255, 0, 240, 0.8);
}

.color-test-alpha-9 {
    color: rgba(255, 0, 240, 0.9);
}

.bg-color-test-alpha-9 {
    background-color: rgba(255, 0, 240, 0.9);
}

.color-test-dark-2 {
    color: #cc00c0;
}

.bg-color-test-dark-2 {
    background-color: #cc00c0;
}

.text-color-primary {
    color: #fff;
}

.text-color-regular {
    color: #c0c4cc;
}

.text-color-secondary {
    color: #909399;
}

.text-color-placeholder {
    color: #a8abb2;
}

.text-color-disabled {
    color: #c0c4cc;
}

.bor-base {
    border: 1px solid #EBEFF6;
}

.bor-base-t,
.bor-base-y {
    border-top: 1px solid #EBEFF6;
}

.bor-base-r,
.bor-base-x {
    border-right: 1px solid #EBEFF6;
}

.bor-base-b,
.bor-base-y {
    border-bottom: 1px solid #EBEFF6;
}

.bor-base-l,
.bor-base-x {
    border-left: 1px solid #EBEFF6;
}

.bor-light {
    border: 1px solid #10364e;
}

.bor-light-t,
.bor-light-y {
    border-top: 1px solid #10364e;
}

.bor-light-r,
.bor-light-x {
    border-right: 1px solid #10364e;
}

.bor-light-b,
.bor-light-y {
    border-bottom: 1px solid #10364e;
}

.bor-light-l,
.bor-light-x {
    border-left: 1px solid #10364e;
}

.bor-lighter {
    border: 1px solid #434343;
}

.bor-lighter-t,
.bor-lighter-y {
    border-top: 1px solid #434343;
}

.bor-lighter-r,
.bor-lighter-x {
    border-right: 1px solid #434343;
}

.bor-lighter-b,
.bor-lighter-y {
    border-bottom: 1px solid #434343;
}

.bor-lighter-l,
.bor-lighter-x {
    border-left: 1px solid #434343;
}

.bor-extra-light {
    border: 1px solid #f2f6fc;
}

.bor-extra-light-t,
.bor-extra-light-y {
    border-top: 1px solid #f2f6fc;
}

.bor-extra-light-r,
.bor-extra-light-x {
    border-right: 1px solid #f2f6fc;
}

.bor-extra-light-b,
.bor-extra-light-y {
    border-bottom: 1px solid #f2f6fc;
}

.bor-extra-light-l,
.bor-extra-light-x {
    border-left: 1px solid #f2f6fc;
}

.bor-dark {
    border: 1px solid #d4d7de;
}

.bor-dark-t,
.bor-dark-y {
    border-top: 1px solid #d4d7de;
}

.bor-dark-r,
.bor-dark-x {
    border-right: 1px solid #d4d7de;
}

.bor-dark-b,
.bor-dark-y {
    border-bottom: 1px solid #d4d7de;
}

.bor-dark-l,
.bor-dark-x {
    border-left: 1px solid #d4d7de;
}

.bor-darker {
    border: 1px solid #cdd0d6;
}

.bor-darker-t,
.bor-darker-y {
    border-top: 1px solid #cdd0d6;
}

.bor-darker-r,
.bor-darker-x {
    border-right: 1px solid #cdd0d6;
}

.bor-darker-b,
.bor-darker-y {
    border-bottom: 1px solid #cdd0d6;
}

.bor-darker-l,
.bor-darker-x {
    border-left: 1px solid #cdd0d6;
}

.bor-white {
    border: 1px solid #ffffff;
}

.bor-white-t,
.bor-white-y {
    border-top: 1px solid #ffffff;
}

.bor-white-r,
.bor-white-x {
    border-right: 1px solid #ffffff;
}

.bor-white-b,
.bor-white-y {
    border-bottom: 1px solid #ffffff;
}

.bor-white-l,
.bor-white-x {
    border-left: 1px solid #ffffff;
}

.bor-primary {
    border: 1px solid #3c6cf5;
}

.bor-primary-t,
.bor-primary-y {
    border-top: 1px solid #3c6cf5;
}

.bor-primary-r,
.bor-primary-x {
    border-right: 1px solid #3c6cf5;
}

.bor-primary-b,
.bor-primary-y {
    border-bottom: 1px solid #3c6cf5;
}

.bor-primary-l,
.bor-primary-x {
    border-left: 1px solid #3c6cf5;
}

.bor-success {
    border: 1px solid #57b32a;
}

.bor-success-t,
.bor-success-y {
    border-top: 1px solid #57b32a;
}

.bor-success-r,
.bor-success-x {
    border-right: 1px solid #57b32a;
}

.bor-success-b,
.bor-success-y {
    border-bottom: 1px solid #57b32a;
}

.bor-success-l,
.bor-success-x {
    border-left: 1px solid #57b32a;
}

.bor-warning {
    border: 1px solid #e6a23c;
}

.bor-warning-t,
.bor-warning-y {
    border-top: 1px solid #e6a23c;
}

.bor-warning-r,
.bor-warning-x {
    border-right: 1px solid #e6a23c;
}

.bor-warning-b,
.bor-warning-y {
    border-bottom: 1px solid #e6a23c;
}

.bor-warning-l,
.bor-warning-x {
    border-left: 1px solid #e6a23c;
}

.bor-danger {
    border: 1px solid #e84143;
}

.bor-danger-t,
.bor-danger-y {
    border-top: 1px solid #e84143;
}

.bor-danger-r,
.bor-danger-x {
    border-right: 1px solid #e84143;
}

.bor-danger-b,
.bor-danger-y {
    border-bottom: 1px solid #e84143;
}

.bor-danger-l,
.bor-danger-x {
    border-left: 1px solid #e84143;
}

.bor-error {
    border: 1px solid #f56c6c;
}

.bor-error-t,
.bor-error-y {
    border-top: 1px solid #f56c6c;
}

.bor-error-r,
.bor-error-x {
    border-right: 1px solid #f56c6c;
}

.bor-error-b,
.bor-error-y {
    border-bottom: 1px solid #f56c6c;
}

.bor-error-l,
.bor-error-x {
    border-left: 1px solid #f56c6c;
}

.bor-info {
    border: 1px solid #909399;
}

.bor-info-t,
.bor-info-y {
    border-top: 1px solid #909399;
}

.bor-info-r,
.bor-info-x {
    border-right: 1px solid #909399;
}

.bor-info-b,
.bor-info-y {
    border-bottom: 1px solid #909399;
}

.bor-info-l,
.bor-info-x {
    border-left: 1px solid #909399;
}

.bor-test {
    border: 1px solid #ff00f0;
}

.bor-test-t,
.bor-test-y {
    border-top: 1px solid #ff00f0;
}

.bor-test-r,
.bor-test-x {
    border-right: 1px solid #ff00f0;
}

.bor-test-b,
.bor-test-y {
    border-bottom: 1px solid #ff00f0;
}

.bor-test-l,
.bor-test-x {
    border-left: 1px solid #ff00f0;
}
